<template>
    <div id="comment" class="comment">
        <div class="item">
            <i class="iconfont icon-cc-thumbs-up"></i>
            {{up}}
        </div>
        <div class="item">
            <i class="iconfont icon-cc-thumbs-down"></i>
            {{down}}
        </div>
        <div class="item">
            <i class="iconfont icon-fenxiang"></i>
            {{fenxiang}}
        </div>
        <div class="item">
            <i class="iconfont icon-comment"></i>
            {{comment}}
        </div>
    </div>
</template>
<script>
export default {
    name:'comment',
    props:['up','down','fenxiang','comment']
}
</script>

<style lang="less" scoped>
.comment {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
}
</style>

